<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Invitation to APTRS</title>
</head>
<body style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; color: #333333; margin: 0; padding: 0; background-color: #f9f9f9;">
    <div style="max-width: 600px; margin: 0 auto; background-color: #ffffff; border: 1px solid #e0e0e0; border-radius: 5px; overflow: hidden;">
        <div style="background-color: #2c3e50; padding: 20px; text-align: center; color: white;">
            <h1 style="margin: 0; font-size: 24px;">Welcome to APTRS</h1>
        </div>
        <div style="padding: 30px 20px; background-color: #ffffff;">
            <p>Hello {{ user.full_name }},</p>
            
            <p>You have been invited to join the Application Penetration Test Reporting System (APTRS) as a customer user for <strong>{{ company_name }}</strong>.</p>
            
            <p>To complete your registration and set your password, please click the button below:</p>
            
            <div style="text-align: center;">
                <a href="{{ invitation_url }}" style="display: inline-block; padding: 12px 24px; background-color: #3498db; color: white; text-decoration: none; border-radius: 4px; font-weight: bold; margin: 20px 0;">Complete Registration</a>
            </div>
            
            <p><strong>Important:</strong> This invitation link will expire in 24 hours and can only be used once.</p>
            
            <p>If you did not expect to receive this invitation or believe it was sent in error, please disregard this email.</p>
            
            <p>If the button above doesn't work, copy and paste this URL into your browser:</p>
            <p style="word-break: break-all;">{{ invitation_url }}</p>
            
            <p>Best regards,<br>
            The Application Penetration Test Reporting System Team</p>
        </div>
        <div style="background-color: #f5f5f5; padding: 15px; text-align: center; font-size: 12px; color: #666666;">
            <p>&copy; {% now "Y" %} Application Penetration Test Reporting System. All rights reserved.</p>
            <p>This email was sent to {{ user.email }}.</p>
        </div>
    </div>
</body>
</html>